#footer {
    overflow: hidden;
}

.footer img {
    width: 100%;
}

.footer {background: #0057bc}

.footer-content {
    background: #0057bc;
    margin-top: -1px;
    padding:4rem 0 2rem;
    width: 100%;
	max-width: 1400px;
    margin: 0px auto;
	color:#ffffff;
   display: flex;
}
footer .left { display: flex; width:70%; font-weight: normal;}
footer .left .rr p {font-size: 14px;line-height:2rem; width: 100%; display: block;}
footer .left .rr p span { margin-right:20px}
footer .left .rr p a { color: #ffffff;}
footer .left .rr img {width: auto; display:inline; margin-right: 5px;}
footer .right { width:30%; float: right; }
footer .right .list16 li img {margin-top:0}
.list16 { text-align: center; width:100%}
.list16 li {margin:0 0 0 1rem; text-align: center; }
.list16 li.right { width:33%; max-width: 120px;float: right; text-align: center; }
.list16 li h6 { font-size: 10px; color: #fff; line-height: 16px; margin: .1rem 0 0;font-weight: normal; }

@media(max-width: 1080px) {
.footer-content { width: 95%; margin: 0px auto}
footer .left { width:68%;}
footer .right { width:32%;}
.list16 li.right { width: 28%}
}

@media(max-width: 950px) {
.footer-content { width: 95%; margin: 0px auto}
footer .left { width:65%;}
footer .right { width:35%;}
.list16 li.right {width: 28%}
}

@media(max-width: 768px) {
.footer-content {display: block;}
footer .left {display: block; text-align: center; width: 100%}
footer .right {display: block; padding-top: 10px; text-align: center; width: 100%; margin: 0px auto}
.list16{float: none ; width: 60%; margin: 0px auto}
.list16 li.right { float:right; margin: 0px 2%}
}
 
@media(max-width: 428px) {
.footer-content { width: 97%}
footer .left .rr p span {display: block; font-size: 12px; }
 
 }
@media(max-width: 320px) {
  
  }